<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
	<title> - ${article.title}</title>
	<meta name="decorator" content="cms_default_${site.theme}"/>
	<meta name="description" content="${article.description} ${category.description}" />
	<meta name="keywords" content="${article.keywords} ${category.keywords}" />
	<script type="text/javascript">
		$(document).ready(function() {
			if ("${category.allowComment}"=="1" && "${article.articleData.allowComment}"=="1"){
				$("#comment").show();
				page(1);
			}
		});
		function page(n,s){
			$.get("${ctx}/comment",{theme: '${site.theme}', 'category.id': '${category.id}',
				contentId: '${article.id}', title: '${article.title}', pageNo: n, pageSize: s, date: new Date().getTime()
			},function(data){
				$("#comment").html(data);
			});
		}
	</script>
	<style type="text/css">
		#main-container-fluid {
			margin-top:30px;
		}
		#main-container-fluid > .container {
			width:940px;
		}
		#main-container-fluid > .container > .content{
			width:940px;
		}
		.span12 {
			float:none;
		}
		.cont_top {
			width:940px;
			height:70px;
			background: url("${ctxStaticTheme}/images/cont_top.png") no-repeat;
		}
		.cont_top .breadcrumb-container {
			margin:0 35px 0 35px;
			padding:30px 0 2px 0;
			height:30px;
			text-align: left;
			border-bottom: 1px solid #c19532;
		}
		.cont_top .breadcrumb {
			margin: 0 auto;
			background: none;
		}
		.cont_top .breadcrumb .divider {
			color: #cb1817;
		}
		.cont_top .breadcrumb li {
			text-shadow: none;
		}
		.cont_top .breadcrumb a {
			font-family: SimSun;
			color: black;
		}
		.cont_top .breadcrumb a:hover {
			text-decoration: none;
			color: #cb1817;
		}
		.cont_middle {
			padding:0 40px 0 40px;
			width:860px;
			min-height:700px;
			background: url("${ctxStaticTheme}/images/cont_middle.png") repeat-y;
		}
		.cont_middle > p {
			width:860px;
			display: inline-block;
		}
		.cont_middle #main_content {
			width:860px;
			line-height:25px;
			display: inline-block;
		}
		.cont_middle #main_brief {
			padding-top:5px;
			padding-bottom:20px;
			display: inline-block;
		}
		.cont_middle h3 {
			margin: 0 auto;
			color:#555555;
			font-size:20px;
			text-align:center;
		}
		.cont_bottom {
			width:940px;
			height:80px;
			background: url("${ctxStaticTheme}/images/cont_bottom.png") no-repeat;
		}
		.cont_bottom .pre_next_article {
			padding-top:20px;
			margin: 0 35px 0 35px;
			border-top: 1px solid #c19532;
			text-align: center;
		}
		.edui-upload-video {
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<div class="row">
	   <div class="span12">
	   	<div class="cont_top">
	   		<div class="breadcrumb-container">
		   		<ul class="breadcrumb">
			    	<cms:frontCurrentPosition category="${category}"/>
			 	</ul>
		 	</div>
	   	</div>
	   	<div class="cont_middle">
	   		<div id="main_content">
			<h3>${article.title}</h3>
			<c:if test="${not empty article.description}">
				<div id="main_brief">摘要：${article.description}</div>
			</c:if>
			<div>${article.articleData.content}</div>
			</div>
  	     </div>
	   		<div class="cont_bottom">
	   			<div class="pre_next_article">
	   				<a href="javascript:window.opener=null;window.open('','_self');window.close();">[关闭]</a>
	   			</div>
	   		</div>
	   	</div>
  	  </div>
</body>
</html>